<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@include file="../../mytags.jsp" %>
<t:base type="jquery"></t:base>
<script type="text/javascript" src="${webRoot}js/jquery.raty.js"></script>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>评价</title>
</head>
<body>
<div class="mui-clearfix"></div>
<div class="scor mui-clearfix">
    <div class="mui-clearfix"></div>
    <h1>总体评价<span>
        <div id="lastEvaluate" class="raty" data-score="${evaluate.lastEvaluate}"></div>
    </span></h1>
</div>

<div class="set2">
    <ul class="mui-table-view view1">
        <li class="mui-table-view-cell cell1 c6">
            <span>工程师响应速度</span>
            <div class="pfx">
                <h4>
                    <div id="serviceEvaluate" class="raty" data-score="${evaluate.serviceEvaluate}"></div>
                </h4>
                <div class="mui-clearfix"></div>
                <h3></h3>
            </div>
        </li>
        <li class="mui-table-view-cell cell1 c6">
            <span>工程师服务态度</span>
            <div class="pfx">
                <h4>
                    <div id="talkEvaluate" class="raty" data-score="${evaluate.talkEvaluate}"></div>
                </h4>
                <div class="mui-clearfix"></div>
                <h3></h3>
            </div>
        </li>
        <li class="mui-table-view-cell cell1 c6">
            <span>工程师技术水平</span>
            <div class="pfx">
                <h4>
                    <div id="effectEvaluate" class="raty" data-score="${evaluate.effectEvaluate}"></div>
                </h4>
                <div class="mui-clearfix"></div>
                <h3></h3>
            </div>
        </li>
        <li class="mui-table-view-cell cell1 c6">
            <span>维修效果</span>
            <div class="pfx">
                <h4>
                    <div id="trainEvaluate" class="raty" data-score="${evaluate.trainEvaluate}"></div>
                </h4>
                <div class="mui-clearfix"></div>
                <h3></h3>
            </div>
        </li>
        <li class="mui-table-view-cell cell1 c6">
            <span>配件是否及时到场</span>
            <div class="pfx">
                <h4>
                    <div id="skillEvaluate" class="raty" data-score="${evaluate.skillEvaluate}"></div>
                </h4>
                <div class="mui-clearfix"></div>
                <h3></h3>
            </div>
        </li>
    </ul>
</div>
<div class="set2">
    <ul class="mui-table-view view1">
        <li class="mui-table-view-cell cell1 c6">
            <span>评语</span>
               <div class="pfx">
                   ${evaluate.opinion}
               </div>
        </li>
    </ul>
</div>
<div class="set2">
    <ul class="mui-table-view view1">
        <li class="mui-table-view-cell cell1 c6">
            <span style="font-weight:bold;">备注</span>
            <t:formvalid layout="table" dialog="true" formid="form" action="cbsInspectionEvaluateController.do?saveRemark">
                <input type="hidden" name="id" value="${evaluate.id}"/>
                <div class="pfx">
                    <textarea rows="" cols="" name="remark" style="color:#000000;padding:5px 5px">${evaluate.remark }</textarea>
                </div>
            </t:formvalid>

        </li>
    </ul>
</div>
</body>
<script type="text/javascript" charset="utf-8">
    $(function () {
        mui.init();
        $.fn.raty.defaults.path = '${webRoot}js/img';
        $('.raty').each(function () {
            $(this).raty({readOnly:true,number:5,score: $(this).attr("data-score")}).css('width',5*40);
        })

    })
</script>
</html>
